<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Lumino - Dashboard</title>


    <link href="__HOME__/center/css/bootstrap.min.css" rel="stylesheet">
    <link href="__HOME__/center/css/datepicker3.css" rel="stylesheet">
    <link href="__HOME__/center/css/styles.css" rel="stylesheet">
    <link href="__HOME__/center/css/InfoStyle.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="__HOME__/center/js/html5shiv.js"></script>
    <script src="__HOME__/center/js/respond.min.js"></script>
    <![endif]-->

</head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><span>Lumino</span>Admin</a>
            <ul class="user-menu">
                <li class="dropdown pull-right">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> {$user_info.name} <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#"><span class="glyphicon glyphicon-user"></span> Profile</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.container-fluid -->
</nav>

<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
    <form role="search">
    </form>
    <ul class="nav menu">
        <li class="active"><a href="{:url('home/center/index')}"><span class="glyphicon glyphicon-dashboard"></span> 首页</a></li>
        <li><a href="{:url('home/photos/index')}"><span class="glyphicon glyphicon-th"></span> 相册</a></li>
        <li class="parent ">
            <a href="#">
                <span class="glyphicon glyphicon-list"></span> 工具箱
                <span data-toggle="collapse" href="#sub-item-1" class="icon pull-right">
                        <em class="glyphicon glyphicon-s glyphicon-plus"></em>
                    </span>
            </a>
            <ul class="children collapse" id="sub-item-1">
                <li>
                    <a class="" href="#">
                        <span class="glyphicon glyphicon-share-alt"></span> Sub Item 1
                    </a>
                </li>
                <li>
                    <a class="" href="#">
                        <span class="glyphicon glyphicon-share-alt"></span> Sub Item 2
                    </a>
                </li>
                <li>
                    <a class="" href="#">
                        <span class="glyphicon glyphicon-share-alt"></span> Sub Item 3
                    </a>
                </li>
            </ul>
        </li>
        <li class="parent ">
            <a href="#">
                <span class="glyphicon glyphicon-list"></span>
                分类 <span data-toggle="collapse" href="#sub-item-2" class="icon pull-right">
                    <em class="glyphicon glyphicon-s glyphicon-plus"></em>
                </span>
            </a>
            <ul class="children collapse" id="sub-item-2">
                {volist name='group_list' id='vo'}
                <li>
                    <a class="" href="{:url('home/CenterGroup/index',array('id'=>$vo['id']))}">
                        <span class="glyphicon glyphicon-share-alt"></span> {$vo.name}
                    </a>
                </li>
                {/volist}
                <li>
                    <a class="" href="#">
                        <span class="glyphicon glyphicon-share-alt"></span> Sub Item 1
                    </a>
                </li>
                <li>
                    <a class="" href="#">
                        <span class="glyphicon glyphicon-share-alt"></span> Sub Item 2
                    </a>
                </li>
                <li>
                    <a class="" href="#">
                        <span class="glyphicon glyphicon-share-alt"></span> Sub Item 3
                    </a>
                </li>
            </ul>
        </li>
        <li><a href="Del.html"><span class="glyphicon glyphicon-pencil"></span> 回收站</a></li>
    </ul>
    <div class="attribution"><a href="#" title="联系我们" target="_blank">联系我们</a></div>
</div><!--/.sidebar-->
{block name='body'}
body
{/block}
<script src="__HOME__/center/js/main.js"></script>
<script src="__HOME__/center/js/jquery-1.11.1.min.js"></script>
<script src="__HOME__/center/js/bootstrap.min.js"></script>
<script src="__HOME__/center/js/chart.min.js"></script>
<script src="__HOME__/center/js/chart-data.js"></script>
<script src="__HOME__/center/js/easypiechart.js"></script>
<script src="__HOME__/center/js/easypiechart-data.js"></script>
<script src="__HOME__/center/js/bootstrap-datepicker.js"></script>
<script>
    $('#calendar').datepicker({
    });

    !function ($) {
        $(document).on("click","ul.nav li.parent > a > span.icon", function(){
            $(this).find('em:first').toggleClass("glyphicon-minus");
        });
        $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
    }(window.jQuery);

    $(window).on('resize', function () {
        if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
    })
    $(window).on('resize', function () {
        if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
    })
</script>
</body>

</html>